<template>
  <div id="profile">
    <!-- 导航栏 -->
    <nav-bar class="nav-bar"><div slot="center">我的档案</div></nav-bar>

    <!-- 手机登录/注册 -->
    <user-info />

    <!-- 优惠券、余额、积分 -->
    <account-info />

    <!-- 我的消息、积分 -->
    <normal-list-view :list-data="orderList"/>
    <normal-list-view :list-data="serviceList" />

  </div>
</template>

<script>
import NavBar from 'components/common/navbar/NavBar'
import AccountInfo from './childComps/AccountInfo.vue'
import NormalListView from './childComps/NormalListView.vue'

import UserInfo from './childComps/UserInfo'


export default {
name:"Profile",
components:{
  NavBar,
  UserInfo,
  AccountInfo,
NormalListView
},
data() {
  return {
    orderList:[
      {icon:"message.svg",info:'我的消息'},
      {icon:'pointer.svg',info:'积分商城'},
      {icon:'vip.svg',info:'会员卡'},
    ],
    serviceList:[
      {icon:'cart.svg',info:'我的购物车'},
      {icon:'shopping.svg',info:'下载购物APP'},
    ]
  }
},
}
</script>

AccountInfo
<style scoped>
#profile {
  background-color: #f2f2f2;
}
.nav-bar {
  background-color: var(--color-tint);
  color: #fff;
}
</style>